<h5 class="text-muted">Standard: iconTemplatePosition</h5>
<div class="row">
  <div class="col-md-5" style="font-size: 0">
    <d-tree-select
      placeholder="Standard Input"
      [treeData]="data"
      [expandTree]="true"
      [(ngModel)]="value"
      (ngModelChange)="showSelected($event)"
      iconTemplatePosition="after-checkbox"
      style="width: 280px"
    >
      <ng-template #iconTemplate let-node="node">
        <span style="padding-left: 10px" [ngClass]="{ 'my-icon': node?.data?.type }" class="{{ node?.data?.type }}"></span>
      </ng-template>
    </d-tree-select>
  </div>
</div>
<h5 class="text-muted">Standard: itemTemplateInput + iconTemplateInput</h5>
<div class="row">
  <div class="col-md-5" style="font-size: 0">
    <d-tree-select
      placeholder="Standard Input"
      [treeData]="data"
      [expandTree]="true"
      [(ngModel)]="value"
      (ngModelChange)="showSelected($event)"
      [iconTemplateInput]="iconTemplate"
      [customItemTemplate]="itemTemplate"
      style="width: 280px"
    >
    </d-tree-select>
  </div>
</div>
<ng-template #itemTemplate let-item="item">
  <span [ngClass]="{ 'my-icon': item?.data?.type }" class="{{ item?.data?.type }}">{{ item.title }}</span>
</ng-template>
